<div class="row">
	<div class="col-xs-12">
		<div class="btn btn-success">
			new recipe
		</div>
	</div>
</div>
<div class="row">
	<div class="col-xs-12">
		<a href="#" class="list-group-item clearfix" *ngFor="let recipe of recipes">
			<div class="pull-left">
				<h4 class="list-group-item-heading">
					{{recipe.name}}
				</h4>
				<p class="list-group-item-text">{{recipe.description}}</p>
			</div>
			<span class="pull-right">
				<img [src]="recipe.imagePath" alt="{{recipe.name}}" class="img-responsive" style="max-height:50px;">
			</span>
		</a>
		<app-recipe-item></app-recipe-item>
	</div>
</div>


